@extends('_layouts.blank')

@section('page-level-styles')
@stop

@section('page-level-plugins')
{{ HTML::script('assets/global/plugins/flot/jquery.flot.min.js') }}
{{ HTML::script('assets/global/plugins/flot/jquery.flot.resize.min.js') }}
{{ HTML::script('assets/global/plugins/flot/jquery.flot.categories.min.js') }}
{{ HTML::script('assets/global/plugins/flot/jquery.flot.pie.min.js') }}
@stop

@section('page-level-script')
{{ HTML::script('assets/admin/pages/scripts/home.js') }}
@stop

@section('jquery-document-ready')
Home.Attendence_chart();
Home.initPieCharts();
@stop

@section('breadcrumb-button')
<li class="btn-group">
    <button class="btn green" id="btn-new"><i class="fa fa-bookmark"></i> {{ $iCurrentCourse }}</button>
</li>
@stop

@section('page-content')
<div class="row">
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat green-jungle">
            <div class="visual">
                <i class="fa fa-user"></i>
            </div>
            <div class="details">
                <div class="number">
                    {{ $iAuNhi }}
                </div>
                <div class="desc">
                    {{$Options['NGANH']['AU_NHI']->data}}
                </div>
            </div>
            <a class="more" href="{{route('user-list')}}?filter_team=AU_NHI">
                {{trans('home.view-more')}} <i class="m-icon-swapright m-icon-white"></i>
            </a>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat blue-madison">
            <div class="visual">
                <i class="fa fa-user"></i>
            </div>
            <div class="details">
                <div class="number">
                    {{ $iThieuNhi }}
                </div>
                <div class="desc">
                    {{$Options['NGANH']['THI_SINH']->data}}
                </div>
            </div>
            <a class="more" href="{{route('user-list')}}?filter_team=THI_SINH">
                {{trans('home.view-more')}} <i class="m-icon-swapright m-icon-white"></i>
            </a>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat yellow">
            <div class="visual">
                <i class="fa fa-user"></i>
            </div>
            <div class="details">
                <div class="number">
                    {{ $iNghiaSi }}
                </div>
                <div class="desc">
                    {{$Options['NGANH']['NGHIA_SI']->data}}
                </div>
            </div>
            <a class="more" href="{{route('user-list')}}?filter_team=NGHIA_SI">
                {{trans('home.view-more')}} <i class="m-icon-swapright m-icon-white"></i>
            </a>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat red-intense">
            <div class="visual">
                <i class="fa fa-user"></i>
            </div>
            <div class="details">
                <div class="number">
                    {{ $iDuBi }}
                </div>
                <div class="desc">
                    {{$Options['NGANH']['QUAN_TRI_DU_BI']->data}}
                </div>
            </div>
            <a class="more" href="{{route('user-list')}}?filter_team=QUAN_TRI_DU_BI">
                {{trans('home.view-more')}} <i class="m-icon-swapright m-icon-white"></i>
            </a>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <!-- BEGIN INTERACTIVE CHART PORTLET-->
        <div class="portlet solid bordered grey-cararra">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-bar-chart-o"></i>{{ trans('home.statistic') }} - {{ trans('navigation.mornitor.attendance') }}
                </div>
                <div class="tools">
                    <a href="javascript:;" class="collapse"></a>
                </div>
                <div class="actions">
                    <div class="btn-group">
                        <button type="button" data-href="{{route('home-statistic-attendance' , ['scoretype' => 'LE'])}}" scoretype="LE" class="btn btn-default btn-home-statistic">{{ trans('options.LE') }}</button>
                        <button type="button" data-href="{{route('home-statistic-attendance' , ['scoretype' => 'HOC'])}}" scoretype="HOC" class="btn btn-default btn-home-statistic">{{ trans('options.HOC') }}</button>
                    </div>
                    <div class="btn-group">
                        <a class="btn btn-default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                            {{ trans('home.filter') }} <i class="fa fa-angle-down"></i>
                        </a>
                        <div class="dropdown-menu hold-on-click dropdown-checkboxes pull-right">
                            @foreach ($Options['LE'] as $score => $object) 
                            <label><input class="chkbox-home-statistic" type="checkbox" scoretype="LE" value="{{$score}}"/> {{$object->data->name}}</label>
                            @endforeach
                            @foreach ($Options['HOC'] as $score => $object) 
                            <label><input class="chkbox-home-statistic" type="checkbox" scoretype="HOC" value="{{$score}}"/> {{$object->data->name}}</label>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
            <div class="portlet-body">
                <div id="attendence_chart" class="chart">
                </div>
            </div>
        </div>
        <!-- END INTERACTIVE CHART PORTLET-->
    </div>
</div>
<div class="row ">
    <div class="col-sm-4 col-md-4">
        <div class="portlet solid bordered grey-cararra">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-gift"></i>{{ trans('navigation.mornitor.attendance') }}
                </div>
            </div>
            <div class="portlet-body">
                <div id="review_chart_attendance" class="chart review_chart" data-href="{{route('home-statistic-review' , ['type' => 'attendance'])}}" style="height: 250px"></div>
            </div>
        </div>
    </div>
    <div class="col-sm-4 col-md-4">
        <div class="portlet solid bordered grey-cararra">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-gift"></i>{{ trans('navigation.mornitor.score') }}
                </div>
            </div>
            <div class="portlet-body">
                <div id="review_chart_score" class="chart review_chart" data-href="{{route('home-statistic-review' , ['type' => 'score'])}}" style="height: 250px"></div>
            </div>
        </div>
    </div>
    <div class="col-sm-4 col-md-4">
        <div class="portlet solid bordered grey-cararra">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-gift"></i>{{ trans('review.rank') }}
                </div>
            </div>
            <div class="portlet-body">
                <div id="review_chart_rank" class="chart review_chart" data-href="{{route('home-statistic-review' , ['type' => 'rank'])}}" style="height: 250px"></div>
            </div>
        </div>
    </div>
</div>
@stop